const { defineConfig } = require('@vue/cli-service')
// module.exports = defineConfig({
//   transpileDependencies: true
// })

module.exports = {
  // 
  // devServer: {
  //   host: 'localhost', // 本地域名/ip地址
  //   port: '8080', // 端口号

  //   proxy: { // 配置跨域 https://v.api.aa1.cn/api/
  //     '/api': {
  //       target: 'http://baobab.kaiyanapp.com/', // 需要代理的地址
  //       secure: false, // 如果是不是https接口，可以不配置这个参数
  //       changeOrigin: true, // 允许跨域
  //       // pathRewrite: {
  //       //   '^/apis': '', // 路径重写，将前缀/apis转为"/"，也可以理解为"/apis"代替target里面的地址
  //       //   // 如果本身的接口地址就有"/api"这种通用前缀，也就是说https://www.exaple.com/api，就可以把pathRewrite删掉，如果没有则加上
  //       // },
  //     },

  //     // '/api': {
  //     //     target: 'https://v.api.aa1.cn/', // 需要代理的地址
  //     //     secure: false, // 如果是不是https接口，可以不配置这个参数
  //     //     changeOrigin: true, // 允许跨域
  //     //     pathRewrite: {
  //     //       '^/api': '', // 路径重写，将前缀/apis转为"/"，也可以理解为"/apis"代替target里面的地址
  //     //       // 如果本身的接口地址就有"/api"这种通用前缀，也就是说https://www.exaple.com/api，就可以把pathRewrite删掉，如果没有则加上
  //     //     },
  //     // },


  //   },
  // },
  // 

  // configureWebpack: {

  //   plugins: [
  //     ComponentsPlugin({
  //       resolvers: [VantResolver()],
  //     }),
  //   ],
  // },
  //postcss-plugin-px2rem插件
  css: {
    loaderOptions: {
      postcss: {
        postcssOptions: { //这里新增了一个属性。
          plugins: [
            require('postcss-plugin-px2rem')({
              rootValue: 75, //换算基数， 默认100  ，这样的话把根标签的字体规定为1rem为50px,这样就可以从设计稿上量出多少个px直接在代码中写多上px了。
              // unitPrecision: 5, //允许REM单位增长到的十进制数字。
              //propWhiteList: [],  //默认值是一个空数组，这意味着禁用白名单并启用所有属性。
              // propBlackList: [], //黑名单
              exclude: /(node_modules)/, //默认false，可以（reg）利用正则表达式排除某些文件夹的方法，例如/(node_module)\/如果想把前端UI框架内的px也转换成rem，请把此属性设为默认值
              // selectorBlackList: [], //要忽略并保留为px的选择器
              // ignoreIdentifier: false,  //（boolean/string）忽略单个属性的方法，启用ignoreidentifier后，replace将自动设置为true。
              // replace: true, // （布尔值）替换包含REM的规则，而不是添加回退。
              mediaQuery: false, //（布尔值）允许在媒体查询中转换px。
              minPixelValue: 3 //设置要替换的最小像素值(3px会被转rem)。 默认 0
            }),
          ]
        }
      }
    }
  }
};